<template>
	<div class="cart-list">
		<scroll class="content" ref="scroll" :probeType="3">	
			<cart-list-item 
				v-for="(item, index) in cartList" 
				:key="index" 
				:item-info="item"/>
				
		</scroll>
	</div>
</template>

<script>
	import CartListItem from './CartListItem.vue'
	import Scroll from 'components/common/scroll/Scroll.vue'
	import { mapGetters } from 'vuex'
	export default{
		name:'CartList',
		components: {
			CartListItem,
			Scroll
		},
		computed:{
			...mapGetters(['cartList'])
		},
		activated() {
			this.$refs.scroll.refresh()
		
		}
	}
</script>

<style scoped>
	.cart-list{
		height: 100vh;		
	}
	.content{
		height: calc(100% - 133px);
		overflow: hidden;
		margin-top: 40px;
	}
</style>
